<ion-view view-title="拜访统计">
  <ion-content class="my-statistics">
    <p class="title">信息汇总</p>
    <div class="row">
      <div class="col-33 nav-container">
        <p class="my-nav-detail">1</p>
        <p class="my-nav-title">拜访总人次</p>
      </div>
      <div class="col-33 nav-container">
        <p class="my-nav-detail">0.1</p>
        <p class="my-nav-title">日人均拜访</p>
      </div>
      <div class="col-33 nav-container">
        <p class="my-nav-detail">100%</p>
        <p class="my-nav-title">计划完成率</p>
      </div>
    </div>
    <div class="echarts">
      <p class="title">日拜访</p>
      <hr-echarts data="vm.lineChartData" type="line"></hr-echarts>
    </div>
    <div class="echarts">
      <p class="title">拜访类型构成</p>
      <hr-echarts data="vm.pieChartData" type="pie"></hr-echarts>
      <div class="legend">
        <div class="circle orange"></div>
        <span class="word comment">计划拜访：</span>
        <span class="word number">1家</span>
        <span class="word percent">100%</span>
      </div>
      <div class="legend">
        <div class="circle purple"></div>
        <span class="word comment">临时拜访：</span>
        <span class="word number">0家</span>
        <span class="word percent">0%</span>
      </div>
    </div>
    <div class="echarts">
      <p class="title">日均拜访频次构成</p>
      <hr-echarts data="vm.pieChartData1" type="pie"></hr-echarts>
      <div class="legend">
        <div class="circle orange"></div>
        <span class="word comment">10次及以上：</span>
        <span class="word number">0人</span>
        <span class="word percent">0%</span>
      </div>
      <div class="legend">
        <div class="circle purple"></div>
        <span class="word comment">6~9次：</span>
        <span class="word number">0人</span>
        <span class="word percent">0%</span>
      </div>
      <div class="legend">
        <div class="circle blue"></div>
        <span class="word comment">3~6次：</span>
        <span class="word number">0人</span>
        <span class="word percent">0%</span>
      </div>
      <div class="legend">
        <div class="circle yellow"></div>
        <span class="word comment">0~3次：</span>
        <span class="word number">1人</span>
        <span class="word percent">100%</span>
      </div>
    </div>
  </ion-content>
</ion-view>
